<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/templates/plantillaPrincipal.xhtml">
	<ui:define name="menu">
		<table width="900" cellpadding="0" cellspacing="0">
			<tr>
				<td width="900" height="40" style="border-bottom: 1px solid #2779AA">
				</td>
			</tr>
		</table>
	</ui:define>
	<ui:define name="content">
		<div class="registroBckg">
			<f:view>
				<h1>#{msg.registroTitulo}</h1>
				<div class="texto">
					<h:outputText value="#{msg.registroTexto1}" />
					<br /> <br />
				</div>				
				<p:panel style="width:500px">

					<h:panelGroup rendered="#{usuarioBean.usuarioRepetido}">
						<h:outputText value="#{msg.emailRepetido}"
							style="text-align:center; color:red;" />
					</h:panelGroup>

					<h:form>
						<h:panelGrid columns="3" border="0" cellspacing="6">
							<t:outputText value="#{msg.emailUsuario}" styleClass="style2" />
							<t:inputText id="email" value="#{usuarioBean.usuario.email}"
								size="27" required="true">
								<t:validateEmail />
								<f:validateLength maximum="60" />
							</t:inputText>
							<t:message for="email" style="color:red"/>
							<t:outputText value="#{msg.nombre}" styleClass="style2" />
							<t:inputText id="nombre" value="#{usuarioBean.usuario.nombre}"
								size="27" required="true">
								<f:validateLength maximum="40" />
							</t:inputText>
							<t:message for="nombre" style="color:red"/>
							<t:outputText value="#{msg.apellidos}" styleClass="style2" />
							<t:inputText id="apellidos"
								value="#{usuarioBean.usuario.apellidos}" size="27"
								required="true">
								<f:validateLength maximum="40" />
							</t:inputText>
							<t:message for="apellidos" style="color:red"/>
							<t:outputText value="#{msg.password}" styleClass="style2" />
							<t:inputSecret id="pwd" value="#{usuarioBean.usuario.pwd}"
								size="27" required="true">
								<f:validateLength minimum="6" maximum="16" />
							</t:inputSecret>
							<t:message for="pwd" style="color:red"/>
							<h:outputText value="#{msg.repetirPassword}" styleClass="style2" />
							<t:inputSecret id="pwdRepetida"
								value="#{usuarioBean.usuario.pwd}" size="27" required="true">
								<t:validateEqual forId="pwd" />
							</t:inputSecret>
							<t:message for="pwdRepetida" style="color:red"
								detailFormat="#{msg.errorConfirmarPassword}" />
						</h:panelGrid>
						<br />
						<h:panelGroup>
							<h:commandButton type="submit"
								action="#{usuarioBean.registrarUsuario}"
								value="#{msg.registrar}" />
						</h:panelGroup>
					</h:form>
				</p:panel>
			</f:view>
		</div>
	</ui:define>
</ui:composition>
</html>
